<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
	</head>
	<body>
		<div class="mui-off-canvas-wrap mui-draggable">
	    <!-- 主页面容器 -->
	    <div class="mui-inner-wrap">
	      <!-- 主页面标题 -->
	      <header class="mui-bar mui-bar-nav">
	      	<a id="goBack" class="mui-icon mui-icon-arrowleft mui-icon-bars mui-pull-left"></a>
	        <h1 class="mui-title">网上预投保</h1>
	      </header>
	      
	      <div class="deadline">
      		<span>截止时间：<span>2018-09-30</span></span>
      		<div>
      			<button type="button">查看提示</button>
      			<button type="button">查看保险计划</button>
      		</div>
      	</div>
	      <!-- 主页面内容容器 -->
	      <div class="mui-content mui-scroll-wrapper insureInfoIsSure scroll1">
	      	<div class="mui-scroll">
	      		<div class="baseInfo">
	      			<div class="unfold">
		      			<header class="titleH"><span class="title">企业信息</span><span class="mui-icon mui-icon-arrowup"></span></header>
		      			<ul class="infoList noIcon">
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-companyName"></i>企业名称</span>
		      					<span>中信银行</span>
		      				</li>
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-companyCode"></i>企业编码</span>
		      					<span>00033</span>
		      				</li>
		      			</ul>
		      		</div>
		      		<div class="unfold">
		      			<header class="titleH"><span class="title">员工信息</span><span class="mui-icon mui-icon-arrowup"></span></header>
		      			<ul class="infoList noIcon">
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-employeeId"></i>员工号</span>
		      					<span>0002532213133</span>
		      				</li>
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-name"></i>姓名</span>
		      					<span>张三</span>
		      				</li>
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-countryCitizenship"></i>国籍</span>
		      					<span>中国</span>
		      				</li>
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-idType"></i>证件类型</span>
		      					<span>身份证</span>
		      				</li>
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-idCode"></i>证件号码</span>
		      					<span>132000199303231421</span>
		      				</li>
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-sex"></i>性别</span>
		      					<span>男</span>
		      				</li>
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-birthday"></i>生日</span>
		      					<span>1993-09-21</span>
		      				</li>
		      				<li class="infoItem">
		      					<span><i class="ue-icon ue-icon-phone"></i>手机</span>
		      					<span>13288880000</span>
		      				</li>
		      			</ul>
		      		</div>
	      		</div>
	      		<div class="tabsContent">
	      			<!--员工信息-->
	      			<div id="employee" class="tabChild">
	      				<div class="unfold">
									<header class="titleH">
										<span class="titleName">
											<span class="title">员工</span>
										</span>
										
										<span class="mui-icon mui-icon-arrowup"></span>
									</header>
									<div>
				      			<header class="secondTitle"><span class="">基本信息</span><span class="mui-icon mui-icon-arrowup"></span></header>
				      			<ul class="infoList noIcon">
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-name"></i>姓名</span>
				      					<span>李四</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-countryCitizenship"></i>国籍</span>
				      					<span>中国</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-idType"></i>证件类型</span>
				      					<span>身份证</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-idCode"></i>证件号码</span>
				      					<span>14235734344600033</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-sex"></i>性别</span>
				      					<span>女</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-birthday"></i>生日</span>
				      					<span>1992-09-12</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-medicalInsurance"></i>医保</span>
				      					<span>是</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-career"></i>职业</span>
				      					<span>教师</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-phone"></i>手机</span>
				      					<span>13244444444</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-mail"></i>个人邮箱</span>
				      					<span>1233543@qq.com</span>
				      				</li>
				      			</ul>
				      			<header class="secondTitle"><span class="">理赔授权及预投保撤销退费授权账户</span><span class="mui-icon mui-icon-arrowup"></span></header>
				      			<ul class="infoList noIcon">
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-bank"></i>银行</span>
				      					<span>花旗银行</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-user"></i>账号</span>
				      					<span>6912000330010000002</span>
				      				</li>
				      				<li class="infoItem">
				      					<span><i class="ue-icon ue-icon-accountOpening"></i>开户地</span>
				      					<span>北京海淀区理工大学支行</span>
				      				</li>
				      			</ul>
				      			
				      			<header class="secondTitle"><span class="">投保计划</span><span class="mui-icon mui-icon-arrowup"></span></header>
				      			<ul class="infoList noIcon">
				      				<li class="infoItem">
				      					<span><label class="radio"><input type="checkbox" disabled checked style="display:none;"/><i class="ue-icon ue-icon-radio"></i>疾病身故</label></span>
				      					<span class="mui-text-right"><span>保费<span>10</span>万元</span></span>
				      				</li>
				      				<li>
				      					<ul>
				      						<li class="infoItem">
						      					<span><i class="ue-icon ue-icon-insurance"></i>险种</span>
						      					<span>永享人生人寿保险</span>
						      				</li>
						      				<li class="infoItem">
						      					<span><i class="ue-icon ue-icon-insuranceAmount"></i>保额</span>
						      					<span>100000</span>
						      				</li>
				      					</ul>
				      				</li>
				      			</ul>
		      				</div>
		      			</div>
	      			</div>
	      		</div>
	      	</div>
	      </div>
	    	<div class="btn-group">
	    		<button>确认提交</button>
	    	</div>
	    </div>
	 </div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/scripts.js"></script>
	
	<script id="childrenHTML" type="text/html">
		<div class="unfold">
			<header class="titleH">
				<span class="titleName">
					<i class="mui-icon mui-icon-minus" style="display: none;"></i>
					<span class="title addPerson"></span>
				</span>
				
				<span>
					<span class="name">张伟</span>
					<span class="mui-icon mui-icon-arrowup"></span>
				</span>
			</header>
			<div>
				<header class="secondTitle"><span class="">基本信息</span><span class="mui-icon mui-icon-arrowup"></span></header>
  			<ul class="infoList">
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-name"></i>姓名</span>
  					<span><input type="text" placeholder="请输入" /></span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-countryCitizenship"></i>国籍</span>
  					<span>
  						<select name="">
    						<option value="">请选择</option>
    						<option value="1">中国</option>
    						<option value="2">美国</option>
    					</select>
    					<i class="mui-icon mui-icon-arrowright"></i>
  					</span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-idType"></i>证件类型</span>
  					<span>
  						<select name="">
    						<option value="">请选择</option>
    						<option value="1">身份证</option>
    						<option value="2">军官证</option>
    					</select>
    					<i class="mui-icon mui-icon-arrowright"></i>
  					</span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-idCode"></i>证件号码</span>
  					<span><input type="number" placeholder="请输入" maxlength="18" /></span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-sex"></i>性别</span>
  					<span>
  						<select name="">
    						<option value="">请选择</option>
    						<option value="1">男</option>
    						<option value="2">女</option>
    					</select>
    					<i class="mui-icon mui-icon-arrowright"></i>
  					</span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-birthday"></i>生日</span>
  					<span>
  						<input type="date" />
    					<i class="mui-icon mui-icon-arrowright"></i>
  					</span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-medicalInsurance"></i>医保</span>
  					<span>
  						<select name="">
    						<option value="">请选择</option>
    						<option value="1">是</option>
    						<option value="2">否</option>
    					</select>
    					<i class="mui-icon mui-icon-arrowright"></i>
  					</span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-career"></i>职业</span>
  					<span>
  						<select name="">
    						<option value="">请选择</option>
    						<option value="1">教师</option>
    						<option value="2">医生</option>
    					</select>
    					<i class="mui-icon mui-icon-arrowright"></i>
  					</span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-phone"></i>手机</span>
  					<span><input type="number" placeholder="请输入" maxlength="11" /></span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-mail"></i>个人邮箱</span>
  					<span><input type="email" placeholder="请输入" /></span>
  				</li>
  			</ul>
  			
  			<header class="secondTitle"><span class="">理赔授权及预投保撤销退费授权账户</span><span class="mui-icon mui-icon-arrowup"></span></header>
  			<ul class="infoList">
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-bank"></i>银行</span>
  					<span>
  						<select name="">
    						<option value="">请选择</option>
    						<option value="1">中信银行</option>
    						<option value="2">花旗银行</option>
    					</select>
    					<i class="mui-icon mui-icon-arrowright"></i>
  					</span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-user"></i>账号</span>
  					<span><input type="number" placeholder="请输入" /></span>
  				</li>
  				<li class="infoItem">
  					<span><i class="ue-icon ue-icon-accountOpening"></i>开户地</span>
  					<span>
  						<select name="">
    						<option value="">请选择</option>
    						<option value="1">北京</option>
    						<option value="2">上海</option>
    					</select>
    					<i class="mui-icon mui-icon-arrowright"></i>
  					</span>
  				</li>
  			</ul>
  			
  			<header class="secondTitle"><span class="">投保计划</span><span class="mui-icon mui-icon-arrowup"></span></header>
  			<ul class="infoList">
  				<li class="infoItem">
  					<span class="checkbox"><label><input type="checkbox" style="display:none;"/><i></i>疾病身故</label></span>
  					<span class="mui-text-right"><span style="margin-right:-16px;">保费<span>10</span>万元</span><i class="mui-icon mui-icon-arrowup"></i></span>
  				</li>
  				<li>
  					<ul>
  						<li class="infoItem">
      					<span><i class="ue-icon ue-icon-insurance"></i>险种</span>
      					<span>
      						<select name="">
	      						<option value="">请选择</option>
	      						<option value="1">重大疾病医疗保险</option>
	      						<option value="2">慢性病医疗保险</option>
	      					</select>
	      					<i class="mui-icon mui-icon-arrowright"></i>
      					</span>
      				</li>
      				<li class="infoItem">
      					<span><i class="ue-icon ue-icon-insuranceAmount"></i>保额</span>
      					<span><input type="number" placeholder="请输入" /></span>
      				</li>
  					</ul>
  				</li>
  				<li class="infoItem">
  					<span class="checkbox"><label><input type="checkbox" style="display:none;"/><i></i>重大疾病</label></span>
  					<span class="mui-text-right"><span style="margin-right:-16px;">保费<span>10</span>万元</span><i class="mui-icon mui-icon-arrowup"></i></span>
  				</li>
  				<li>
  					<ul>
  						<li class="infoItem">
      					<span><i class="ue-icon ue-icon-insurance"></i>险种</span>
      					<span>
      						<select name="">
	      						<option value="">请选择</option>
	      						<option value="1">重大疾病医疗保险</option>
	      						<option value="2">慢性病医疗保险</option>
	      					</select>
	      					<i class="mui-icon mui-icon-arrowright"></i>
      					</span>
      				</li>
      				<li class="infoItem">
      					<span><i class="ue-icon ue-icon-insuranceAmount"></i>保额</span>
      					<span><input type="number" placeholder="请输入" /></span>
      				</li>
  					</ul>
  				</li>
  				<li class="infoItem">
  					<span class="checkbox"><label><input type="checkbox" style="display:none;"/><i></i>住院医疗</label></span>
  					<span class="mui-text-right"><span style="margin-right:-16px;">保费<span>10</span>万元</span><i class="mui-icon mui-icon-arrowup"></i></span>
  				</li>
  				<li>
  					<ul>
  						<li class="infoItem">
      					<span><i class="ue-icon ue-icon-insurance"></i>险种</span>
      					<span>
      						<select name="">
	      						<option value="">请选择</option>
	      						<option value="1">重大疾病医疗保险</option>
	      						<option value="2">慢性病医疗保险</option>
	      					</select>
	      					<i class="mui-icon mui-icon-arrowright"></i>
      					</span>
      				</li>
      				<li class="infoItem">
      					<span><i class="ue-icon ue-icon-insuranceAmount"></i>保额</span>
      					<span><input type="number" placeholder="请输入" /></span>
      				</li>
  					</ul>
  				</li>
  			</ul>
			</div>
			
		</div>
	</script>
</html>